<template>
	<view>
		<u-tabs :list="list1" @click="click">
		</u-tabs>
		<!-- 直播列表 -->
		<view @click="touch"  class="listbox" v-for="(item,index) in 3">
			<view style="height: 70%;">
				<image style="width: 100%;height: 100%;" src="../../../static/logo.png" mode="scaleToFill"></image>
			</view>
			<view style="padding: 10rpx 40rpx;">
				<h3>fdslkfjaf</h3>
				<view class="" style="display: flex;align-items: center;">
					<image class="img"  src="../../../static/logo.png" mode="widthFix"></image>
					<text>up主</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [{
				                    name: '全部',
				                }, {
				                    name: '英语',
				                }, {
				                    name: '计算机'
				                }, {
				                    name: '高数'
				                }, {
				                    name: '医学'
				                }, {
				                    name: '法学'
				                }, {
				                    name: '历史'
				                }, {
				                    name: '政治'
				                }]
				
			}
		},
		methods: {
			click(){},
			touch(){
				uni.navigateTo({
					url:"/pages/index/classlist/void"
				})
			}
		}
	}
</script>

<style>
	.img{
		width: 100rpx;
		border-radius: 50rpx;
	}
	.listbox{
		width: 90%;
		height: 300px;
		margin: 30rpx auto;
		box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .2);
		border-radius: 10px;
	}

</style>
